스크롤 생성할곳의 div 의 style 부분에  아래코드를 추가하시고 width나 height값을 주시면 됩니다.

 

style='overflow-y:scroll; width: 400; height: 100;'

style='overflow-x:scroll; width: 400; height: 100;'

 

 

스타일 부분에 overflow를 y축으로 수정하시고 스크롤바 색상 바꾸는 스타일을 추가시켜 주시면

아이프레임 같은 아래의 효과를 얻을수 있겠죠..

 

변하지 않으면 살아남을 수 없다 이전까지는 미로 속에 더 이상 치즈가 없거나, 있어도 찾을 수 없을 것이라 믿었다. 두려움이 그 자신을 어찌 할 바를 모르게 만들고 무기력한 공포를 느끼게 했다. 허는 미소를 지었다. 헴은 아직도 '누가 내 치즈를 옮겼을까?'하는 어리석은 질문에 빠져있지만, 허는 이제 새로운 치즈를 찾아 떠나고자 한다. '왜 좀더 일찍 자리를 박차고 나서지 못했을까?'하는 후회를 마음속에 품고서. 허 는 미로를 향해 출발하며 뒤를 돌아보았다. 그곳에 있을때 느꼈던 평온함이 떠올랐다. 한동안 굶주림에 떨던 시간도 있었지만, 그 친근한 곳이 여전히 자신의 발목을 죄고 있는 듯한 느낌이 들었다. 허는 마지막으로 자신이 정말 미로 속으로 가고 싶은지 한 번 더 고민해 보았다. 그가 예전에 써놓았던 글귀가 시야에 들어왔다. 두려움을 없앤다면 성공의 길은 반드시 열린다.

 

위의 소스는

<table width="400" border=1 bordercolor="#dddddd" style="border-collapse:collapse;" >
  <tr>
    <td>

       <div style="width:400;height:100;overflow-y:scroll;

         scrollbar-face-color: ffffff;

         scrollbar-highlight-color: dddddd;

         scrollbar-shadow-color: dddddd;

         scrollbar-3dlight-color: ffffff;

         scrollbar-arrow-color: dddddd;

         scrollbar-track-color: FFFFFF;

          scrollbar-darkshadow-color: FFFFFF;">
            <table width="100%" border=0 cellspacing="5" >
              <tr>
                <td></td>
              </tr>
            </table>
      </div>

    </td>
  </tr>
</table>